<div class="transfer-list-header">
  <app-left-line
    [text]="'银行划扣'"
  ></app-left-line>

  <button nz-button nzType="primary" (click)="addBankTransfer()"
    style="font-family:PingFangSC-Regular;font-size:16px;border-radius: 0;"
  >
    + 新增信息
  </button>
</div>

<div class="transfer-list card"  #transferList>
  
  <div class="transfer-list-main">
    <nz-tabset (nzSelectChange)="tabsetSelectChange($event)">
      <nz-tab nzTitle="银行划扣">
        <!-- <app-my-table 
          [colNames]="colNames"
          [operates]="operates"
          [dataSet]="dataSet"
          (_click)="handleBack($event)"
          [nzLoading]="nzTableLoading"
          (_nzPageSizeChange)="nzPageSizeChange($event)"
          (_nzPageIndexChange)="nzPageIndexChange($event)"
          [nzTotal]="nzTotal"
        ></app-my-table> -->
        <nz-table #bankTransData nzSize="small" [nzData]="dataSet">
          <thead>
            <tr>
              <th *ngFor="let col of colNames">{{ col }}</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of bankTransData.data">
              <td>{{ data.usageCode }}</td>
              <td>{{ data.businessType }}</td>
              <td>{{ data.balanceName }}</td>
              <td>{{ data.address }}</td>
            </tr>
          </tbody>
        </nz-table>

      </nz-tab>
      <nz-tab nzTitle="银行划扣提交记录">
        <!-- <app-my-table 
          [colNames]="colNames2"
          [operates]="operates2"
          [dataSet]="dataSet2"
          (_click)="handleBack2($event)"
          [nzLoading]="nzTableLoading2"
          (_nzPageSizeChange)="nzPageSizeChange2($event)"
          (_nzPageIndexChange)="nzPageIndexChange2($event)"
          [nzTotal]="nzTotal2"
        ></app-my-table> -->

        <nz-table #bankTransData2 nzSize="small" [nzData]="dataSet2"
          [nzShowPagination]="false"
        >
          <thead>
            <tr>
              <th *ngFor="let col of colNames2">{{ col }}</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of bankTransData2.data">
              <td>{{ data.usageCode }}</td>
              <td>{{ data.businessType }}</td>
              <td>{{ data.balanceName }}</td>
              <td>{{ data.bankName }}</td>
              <td>{{ data.account }}</td>
              <td><button nz-button nzType="link"
                    (click)="handleBack2(data)"
                  >详情</button></td>
            </tr>
          </tbody>
        </nz-table>
      </nz-tab>
    </nz-tabset>
  </div>
</div>